<template>
  <div class="face-detection">
    <h1>人脸检测</h1>
    <div class="video">
        <!-- 视频流或其他视频源 -->
        <hls-player src="http://192.168.33.201/hls/playlist.m3u8"></hls-player>
    </div>
  </div>
</template>

<script>
import HlsPlayer from '@/components/HlsPlayer.vue';
export default {
  name: 'FaceDetection',
  components: {
    HlsPlayer
  },
  data() {
    return {
    
    }
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style scoped>
.video{
  margin: 0 auto;
  width: 70vw;
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
